<style scoped lang="scss">
.user-content-grid {
  width: 10rem;
  height: 20rem;
  background-color: green;

  .user-content-grid-center {
    width: 10rem;
    background-color: pink;

    ul {
      width: 10rem;

      li {
        width: 3.333rem;
        height: 4.2667rem;
        background-color: orange;
        float: left;


      }
    }
  }
}
</style>
<template>
  <div class="user-content-grid">
    <div class="user-content-grid-center">
      <ul>
        <li><video :ref="(el) => setVideoRef(el, index)" class="video-player" playsinline webkit-playsinline>
        <source :src="item.video.videoPath" type="video/mp4">
      </video></li>
      </ul>
    </div>
  </div>
</template>
<script setup>
</script>